<template>
  <el-container>
    <el-aside width="240px">
      <el-row class="tac">
        <el-col :span="24">
          <div class="logo"><img src="./logo.png" alt=""></div>
          <el-menu
            class="el-menu-vertical-demo"
            @open="handleOpen"
            @close="handleClose"
            background-color="#25282c"
            text-color="#fff"
            active-text-color="#ffd04b"
            :router="true"
            unique-opened
          >
            <!-- 判断一级菜单是否有子节点 （有的这种情况） -->
            <el-submenu :index="child1.url" v-for="child1 in menuList" :key="child1.id" v-if="child1.childNode">
              <template slot="title" v-if="child1.childNode">
                <i :class="['iconfont',child1.icon,'fa-fw']"></i>
                <span slot="title">{{child1.name}}</span>
              </template>
              <!-- 判断二级级菜单是否有子节点 （有的这种情况） -->
              <el-submenu :index="child2.url" v-for="child2 in child1.childNode" :key="child2.id"
                          v-if="child2.childNode">
                <template slot="title">
                  <i class="fa fa-circle fa-fw"></i>
                  <span slot="title">{{child2.name}}</span>
                </template>
                <!-- 判断是否为三级菜单是否有子节点（有的这种情况） -->
                <el-submenu :index="child3.url" v-for="child3 in child2.childNode" :key="child3.id"
                            v-if="child3.childNode">
                  <template slot="title">
                    <i class="fa fa-circle fa-fw"></i>
                    <span slot="title">{{child3.name}}</span>
                  </template>
                  <!-- 判断是否为四级菜单 -->
                  <el-menu-item-group>
                    <el-menu-item
                      :index="child4.url"
                      v-for="child4 in child3.childNode"
                      :key="child4.id"
                      class="el-icon-caret-right"
                      replace>
                      {{child4.name}}
                    </el-menu-item>
                  </el-menu-item-group>
                </el-submenu>
                <!-- 判断是否为三级菜单是否有子节点（没有的这种情况） -->
                <el-menu-item
                  :index="child3.url"
                  v-for="child3 in child2.childNode"
                  :key="child3.id"
                  v-if="!child3.childNode"
                  class="el-icon-caret-right" replace>
                  {{child3.name}}
                </el-menu-item>
              </el-submenu>
              <!-- 判断二级级菜单是否有子节点 （没有的这种情况） -->
              <el-menu-item
                :index="child2.url"
                v-for="child2 in child1.childNode"
                :key="child2.id" v-if="!child2.childNode"
                class="fontS el-icon-caret-right" replace>
                {{child2.name}}
              </el-menu-item>
            </el-submenu>
            <!-- 判断一级级菜单是否有子节点 （没有的这种情况） -->
            <el-menu-item :index="child1.url" v-for="child1 in menuList" :key="child1.id" v-if="!child1.childNode"
                          replace>
              <i :class="['iconfont',child1.icon,'fa-fw']"></i>
              <span slot="title">{{child1.name}}</span>
            </el-menu-item>
          </el-menu>
        </el-col>
      </el-row>
    </el-aside>
    <el-container>
      <el-header height="100px">
        <div class="user">
          <router-link to="/login/modifyAvatar" replace>
            <span class="imgs" :style="'background-image: url(' + userImgUrl + ');'"></span>
          </router-link>
          <span @click="showBox">{{name}}</span>
        </div>
        <div class="lists">
          <router-link to="/login" replace><i class="fa fa-home fa-fw"></i>首页</router-link>
          <router-link to="/login/setting" replace><i class="fa fa-cog fa-fw"></i>设置</router-link>
          <router-link to="/login/notice" replace>
            <i class="fa fa-bell fa-fw"></i>
            <el-badge is-dot class="item" :hidden="isHidden">通知</el-badge>
          </router-link>
        </div>
        <!-- 退出盒子 -->
        <div class="quitBox" v-if="isDispaly" @click="showQuitBox">
          <div class="infos">
            <div class="imgs"><img :src="userImgUrl" alt=""></div>
            <div class="info">
              <p>{{name}}</p>
              <p class="samll">{{userName}}</p>
            </div>
          </div>
          <div class="quit" @click="quitERP">退出</div>
        </div>
      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
  import userImgUrl from './userImg.jpg'
  import {delSessionStorage} from 'common/js/utils'

  export default {
    data () {
      return {
        isCollapse: true,
        menuList: [
          {
            name: '商户管理',
            pid: 0,
            id: 0,
            url: '/login/shop',
            icon: 'icon-shanghuguanli',
            childNode: [
              {
                name: '商户认证申请',
                pid: 0,
                id: 11,
                url: '/login/audit/shopCheckQuery'
              },
              {
                name: '商户信息汇总',
                pid: 0,
                id: 12,
                url: '/login/shop'
              },
              {
                name: '商户修改信息列表',
                pid: 0,
                id: 13,
                url: '/login/shop/shopUpdate'
              },
              {
                name: '商户提现',
                pid: 0,
                id: 14,
                url: 'withdrawal',
                childNode: [
                  {
                    name: '商户提现申请',
                    pid: 14,
                    id: 15,
                    url: '/login/shop/shopWithdrawalQuery'
                  },
                  {
                    name: '商户提现审核',
                    pid: 14,
                    id: 16,
                    url: '/login/audit/withdrawalAudit'
                  }
                ]
              },
              {
                name: '商户提现账单',
                pid: 0,
                id: 17,
                url: '/login/shop/shopWithdrawal'
              },
              {
                name: '商户交易汇总',
                pid: 0,
                id: 18,
                url: '/login/shop/shopTradeSum'
              },
              {
                name: '商户营销管理',
                pid: 0,
                id: 19,
                url: '/login/shop/shopMarketingUpdate'
              },
              {
                name: '商户营销重设',
                pid: 0,
                id: 20,
                url: '/login/shop/shopMarketingReset'
              }
            ]
          },
          {
            name: '平台数据统计',
            pid: 0,
            id: 1,
            url: '/login/platformData',
            icon: 'icon-pingtaitongji',
            childNode: [
              {
                name: '用户统计',
                pid: 1,
                id: 21,
                url: '/login/platformData/userCount'
              },
              {
                name: '商户统计',
                pid: 1,
                id: 22,
                url: '/login/platformData/shopCount'
              },
              {
                name: '贷款统计',
                pid: 1,
                id: 23,
                url: '/login/platformData/loanCount'
              },
              {
                name: '平台还款统计',
                pid: 1,
                id: 24,
                url: '/login/platformData/repaymentCount'
              },
              {
                name: '余额统计',
                pid: 1,
                id: 25,
                url: '/login/platformData/moneyCount'
              },
              {
                name: '理财统计',
                pid: 1,
                id: 26,
                url: '/login/platformData/financialCount'
              },
              {
                name: '理财余额统计',
                pid: 1,
                id: 27,
                url: '/login/platformData/financialMoneyCount'
              },
              {
                name: '平台收支统计',
                pid: 1,
                id: 28,
                url: '/login/platformData/incomeAndExpenditureCount'
              },
              {
                name: '收入统计',
                pid: 1,
                id: 29,
                url: '/login/platformData/incomeCount'
              },
              {
                name: '平台统计',
                pid: 1,
                id: 30,
                url: '/login/platformData'
              },
              {
                name: '平台运营数据统计',
                pid: 1,
                id: 31,
                url: '/login/platformData/operationCount'
              }
            ]
          },
          {
            name: '区域数据统计',
            pid: 0,
            id: 2,
            url: '/login/regionData',
            icon: 'icon-quyutongji',
            childNode: [
              {
                name: '导出注册手机号信息',
                pid: 2,
                id: 32,
                url: '/login/regionData/exportMobileInfo'
              },
              {
                name: '导出商户信息汇总',
                pid: 2,
                id: 33,
                url: '/login/regionData/exportShopInfo'
              },
              {
                name: '导出商户交易汇总',
                pid: 2,
                id: 34,
                url: '/login/regionData/exportShopTradeInfo'
              },
              {
                name: '导出用户信息汇总',
                pid: 2,
                id: 35,
                url: '/login/regionData/exportUserInfo'
              }
            ]
          },
          {
            name: '用户管理',
            pid: 0,
            id: 3,
            url: '/login/user',
            icon: 'icon-yonghuguanli',
            childNode: [
              {
                name: '用户信息',
                pid: 3,
                id: 36,
                url: '/login/user'
              },
              {
                name: '授信审核',
                pid: 3,
                id: 37,
                url: '/login/audit/userQuery',
                childNode: [
                  {
                    name: '授信初审',
                    pid: 37,
                    id: 38,
                    url: '/login/audit/userQuery?state=1'
                  },
                  {
                    name: '授信复审',
                    pid: 37,
                    id: 39,
                    url: '/login/audit/userQuery?state=2'
                  },
                  {
                    name: '授信终审',
                    pid: 37,
                    id: 40,
                    url: '/login/audit/userQuery?state=3'
                  }
                ]
              },
              {
                name: '修改资料审核',
                pid: 3,
                id: 41,
                url: '/login/user/userQuery',
                childNode: [
                  {
                    name: '修改资料初审',
                    pid: 41,
                    id: 42,
                    url: '/login/user/userQuery?state=1'
                  },
                  {
                    name: '修改资料复审',
                    pid: 41,
                    id: 43,
                    url: '/login/user/userQuery?state=2'
                  }
                ]
              }
            ]
          },
          {
            name: '分期管理',
            pid: 0,
            id: 4,
            url: '/login/staging',
            icon: 'icon-fenqi',
            childNode: [
              {
                name: '信用提现',
                pid: 4,
                id: 44,
                url: '/login/staging/withdraw',
                childNode: [
                  {
                    name: '信用提现申请',
                    pid: 44,
                    id: 45,
                    url: '/login/staging/withdrawQuery'
                  },
                  {
                    name: '信用提现审核',
                    pid: 44,
                    id: 46,
                    url: '/login/audit/withdrawCheck'
                  }
                ]
              },
              {
                name: '信用提现账单',
                pid: 4,
                id: 47,
                url: '/login/staging/withdraw'
              },
              {
                name: '分期详情',
                pid: 4,
                id: 48,
                url: '/login/staging'
              },
              {
                name: '还款详情',
                pid: 4,
                id: 49,
                url: '/login/staging/repayment'
              },
              {
                name: '本月应还',
                pid: 4,
                id: 50,
                url: '/login/staging/monthShouldRepay'
              },
              {
                name: '本月已还',
                pid: 4,
                id: 51,
                url: '/login/staging/monthAlreadyRepay'
              },
              {
                name: '还款统计',
                pid: 4,
                id: 52,
                url: '/login/staging/repaymentCount'
              },
              {
                name: '逾期详情',
                pid: 4,
                id: 53,
                url: '/login/staging/overdue'
              },
              {
                name: '个人逾期',
                pid: 4,
                id: 54,
                url: '/login/staging/overdueNames'
              }
            ]
          },
          {
            name: '账号余额管理',
            pid: 0,
            id: 5,
            url: '/login/balance',
            icon: 'icon-zhanghuyue',
            childNode: [
              {
                name: '账户余额提现',
                pid: 5,
                id: 55,
                url: '/login/balance/withdraw',
                childNode: [
                  {
                    name: '账户余额提现申请',
                    pid: 55,
                    id: 56,
                    url: '/login/balance/withdrawQuery?type=1'
                  },
                  {
                    name: '账户余额提现审核',
                    pid: 55,
                    id: 57,
                    url: '/login/balance/withdrawQuery?type=2'
                  }
                ]
              },
              {
                name: '详情汇总',
                pid: 5,
                id: 58,
                url: '/login/balance'
              },
              {
                name: '账户余额充值记录',
                pid: 5,
                id: 59,
                url: '/login/balance/balanceRecharge'
              },
              {
                name: '账户余额提现记录',
                pid: 5,
                id: 60,
                url: '/login/balance/balanceWithdraw'
              },
              {
                name: '用户首页详情',
                pid: 5,
                id: 61,
                url: '/login/balance/incomeInfo'
              },
              {
                name: '交易汇总',
                pid: 5,
                id: 62,
                url: '/login/balance/trade',
                childNode: [
                  {
                    name: '转账记录',
                    pid: 62,
                    id: 63,
                    url: '/login/balance/transfer',
                    childNode: [
                      {
                        name: '转入',
                        pid: 63,
                        id: 64,
                        url: '/login/balance/transfer?state=1'
                      },
                      {
                        name: '转出',
                        pid: 63,
                        id: 65,
                        url: '/login/balance/transfer?state=2'
                      }
                    ]
                  },
                  {
                    name: '消费记录',
                    pid: 62,
                    id: 66,
                    url: '/login/balance/tradeSum'
                  },
                  {
                    name: '还款记录',
                    pid: 62,
                    id: 67,
                    url: '/login/balance/repayment'
                  }
                ]
              }
            ]
          },
          {
            name: '理财管理',
            pid: 0,
            id: 6,
            url: '/login/financial',
            icon: 'icon-licaiguanli',
            childNode: [
              {
                name: '理财提现',
                pid: 6,
                id: 68,
                url: '/login/financial/withdraw',
                childNode: [
                  {
                    name: '理财提现申请',
                    pid: 68,
                    id: 69,
                    url: '/login/financial/withdrawQuery'
                  },
                  {
                    name: '理财提现审核',
                    pid: 68,
                    id: 70,
                    url: '/login/financial/withdrawCheck'
                  }
                ]
              },
              {
                name: '标的设置',
                pid: 6,
                id: 71,
                url: '/login/financial/financialSet'
              },
              {
                name: '标的详情',
                pid: 6,
                id: 72,
                url: '/login/financial'
              },
              {
                name: '投资记录',
                pid: 6,
                id: 73,
                url: '/login/financial/investmentRecord'
              },
              {
                name: '充值记录',
                pid: 6,
                id: 74,
                url: '/login/financial/rechargeRecord'
              },
              {
                name: '提现记录',
                pid: 6,
                id: 75,
                url: '/login/financial/withdrawRecord'
              },
              {
                name: '理财交易汇总',
                pid: 6,
                id: 76,
                url: '/login/financial/financialTradeSum'
              },
              {
                name: '个人投资明细',
                pid: 6,
                id: 77,
                url: '/login/financial/investmentDetails'
              },
              {
                name: '购买意向',
                pid: 6,
                id: 78,
                url: '/login/financial/purchaseIntention'
              },
              {
                name: '理财营销管理',
                pid: 6,
                id: 79,
                url: '/login/financial/financialMarkReset'
              },
              {
                name: '理财营销重设',
                pid: 6,
                id: 80,
                url: '/login/financial/financialMarkUpdate'
              },
              {
                name: '理财营销查询',
                pid: 6,
                id: 81,
                url: '/login/financial/financialMarkSearch'
              },
              {
                name: '新浪查询',
                pid: 6,
                id: 82,
                url: '/login/financial/sinaSearch'
              }
            ]
          },
          {
            name: '平台交易统计',
            pid: 0,
            id: 7,
            url: '/login/trade',
            icon: 'icon-jiaoyitongji',
            childNode: [
              {
                name: '交易汇总',
                pid: 7,
                id: 83,
                url: '/login/public/tradeSum'
              },
              {
                name: '交易汇总导出',
                pid: 7,
                id: 84,
                url: '/login/tradeSum'
              },
              {
                name: '财务导出',
                pid: 7,
                id: 85,
                url: '/login/tradeSum/financeExport'
              },
              {
                name: '市场部导出',
                pid: 7,
                id: 86,
                url: '/login/tradeSum/BDExport'
              }
            ]
          },
          {
            name: '平台运营',
            pid: 0,
            id: 8,
            url: '/login/operation',
            icon: 'icon-yunying',
            childNode: [
              {
                name: '首页轮播图',
                pid: 8,
                id: 87,
                url: '/login/operation/carouseMap'
              },
              {
                name: '理财轮播图',
                pid: 8,
                id: 88,
                url: '/login/operation/carouseMapFinancial'
              },
              {
                name: '理财红包设置',
                pid: 8,
                id: 89,
                url: '/login/operation/financialRedEnvelope'
              },
              {
                name: '商城轮播图',
                pid: 8,
                id: 90,
                url: '/login/operation/carouseMapShop'
              },
              {
                name: '商城小程序图',
                pid: 8,
                id: 91,
                url: '/login/operation/shopAppMap'
              },
              {
                name: '商城关键词',
                pid: 8,
                id: 92,
                url: '/login/operation/shopKeyword'
              },
              {
                name: '查询活动',
                pid: 8,
                id: 93,
                url: '/login/operation/searchActivity'
              },
              {
                name: '查询分类',
                pid: 8,
                id: 94,
                url: '/login/operation/searchClass'
              },
              {
                name: '商城广告图',
                pid: 8,
                id: 95,
                url: '/login/operation/shopBanner'
              },
              {
                name: '理财资讯',
                pid: 8,
                id: 96,
                url: '/login/operation/financialNews'
              },
              {
                name: '首页广告图',
                pid: 8,
                id: 97,
                url: '/login/operation/indexBanner'
              },
              {
                name: '活动信息',
                pid: 8,
                id: 98,
                url: '/login/operation/activityInfo'
              },
              {
                name: '优惠券运营',
                pid: 8,
                id: 99,
                url: '/login/operation/coupon',
                childNode: [
                  {
                    name: '报名用户信息',
                    pid: 99,
                    id: 100,
                    url: '/login/operation/signUpUserInfo'
                  },
                  {
                    name: '优惠券统计',
                    pid: 99,
                    id: 101,
                    url: '/login/operation/coupon'
                  },
                  {
                    name: '优惠券商户信息',
                    pid: 99,
                    id: 102,
                    url: '/login/operation/couponShopInfo'
                  }
                ]
              },
              {
                name: '商圈维护',
                pid: 99,
                id: 103,
                url: '/login/operation/shopAreaMaintain'
              }
            ]
          },
          {
            name: '系统管理',
            pid: 0,
            id: 9,
            url: '/login/system',
            icon: 'icon-xitongguanli',
            childNode: [
              {
                name: '员工权限设置',
                pid: 9,
                id: 104,
                url: '/login/system/getUserPower'
              },
              {
                name: '系统用户',
                pid: 9,
                id: 105,
                url: '/login/system'
              },
              {
                name: '权限',
                pid: 9,
                id: 106,
                url: '/login/system/powerInfo'
              },
              {
                name: '分期利率',
                pid: 9,
                id: 107,
                url: '/login/system/stagingInterestRate'
              },
              {
                name: '银生宝银行卡',
                pid: 9,
                id: 108,
                url: '/login/system/bankLimitYinShengBao'
              },
              {
                name: '连连银行卡',
                pid: 9,
                id: 109,
                url: '/login/system/bankLimitLianLian'
              },
              {
                name: '新浪银行卡',
                pid: 9,
                id: 110,
                url: '/login/system/bankLimitSina'
              },
              {
                name: '系统轮播图设置',
                pid: 9,
                id: 111,
                url: '/login/system/sysCarouseMap'
              },
              {
                name: '公共消息设置',
                pid: 9,
                id: 112,
                url: '/login/system/publicInfoSet'
              },
              {
                name: 'JSON列表',
                pid: 9,
                id: 113,
                url: '/login/system/JSONList'
              },
              {
                name: '文章列表',
                pid: 9,
                id: 114,
                url: '/login/system/wordList'
              },
              {
                name: '每日统计',
                pid: 9,
                id: 115,
                url: '/login/system/dayCount'
              }
            ]
          },
          {
            name: '平台表单',
            pid: 0,
            id: 10,
            url: '/login/plat',
            icon: 'icon-biaodan',
            childNode: [
              {
                name: '余额明细查询',
                pid: 10,
                id: 116,
                url: '/login/plat/balance',
                childNode: [
                  {
                    name: '余额明细查询',
                    pid: 116,
                    id: 117,
                    url: '/login/plat/balanceDetails'
                  },
                  {
                    name: '余额明细历史查询',
                    pid: 116,
                    id: 118,
                    url: '/login/plat/balanceHistoryDetails'
                  }
                ]
              },
              {
                name: '账户余额交易明细',
                pid: 10,
                id: 119,
                url: '/login/plat/UserBalance',
                childNode: [
                  {
                    name: '账户余额充值',
                    pid: 119,
                    id: 120,
                    url: '/login/plat/balanceRecharge'
                  },
                  {
                    name: '账户余额提现',
                    pid: 119,
                    id: 121,
                    url: '/login/plat/balanceWithdraw'
                  },
                  {
                    name: '用户账户余额消费',
                    pid: 119,
                    id: 122,
                    url: '/login/plat/balanceConsumption'
                  },
                  {
                    name: '收益发放',
                    pid: 119,
                    id: 123,
                    url: '/login/plat/incomeDistribution'
                  },
                  {
                    name: '理财红包收益发放',
                    pid: 119,
                    id: 124,
                    url: '/login/plat/financialIncomeDistribution'
                  },
                  {
                    name: '银行卡转账',
                    pid: 119,
                    id: 125,
                    url: '/login/plat/bankTransfer'
                  },
                  {
                    name: '用户银行卡消费',
                    pid: 119,
                    id: 126,
                    url: '/login/plat/bankConsumption'
                  },
                  {
                    name: '余额转账',
                    pid: 119,
                    id: 127,
                    url: '/login/plat/balanceTransfer'
                  },
                  {
                    name: '存钱罐转入',
                    pid: 119,
                    id: 128,
                    url: '/login/plat/financialAndBalance?type=1'
                  },
                  {
                    name: '存钱罐转出',
                    pid: 119,
                    id: 129,
                    url: '/login/plat/financialAndBalance?type=2'
                  }
                ]
              },
              {
                name: '商户账号交易明细',
                pid: 10,
                id: 130,
                url: '/login/plat/shopTrans',
                childNode: [
                  {
                    name: '绑卡充值',
                    pid: 130,
                    id: 131,
                    url: '/login/plat/shopTieCardRecharge'
                  },
                  {
                    name: '银行卡消费',
                    pid: 130,
                    id: 132,
                    url: '/login/plat/shopBankConsumption'
                  },
                  {
                    name: '账户余额消费',
                    pid: 130,
                    id: 156,
                    url: '/login/plat/shopBalanceConsumption'
                  },
                  {
                    name: '分期消费',
                    pid: 130,
                    id: 133,
                    url: '/login/plat/shopStagingConsumption'
                  },
                  {
                    name: '商户账户提现',
                    pid: 130,
                    id: 134,
                    url: '/login/plat/shopAccountWithdraw'
                  }
                ]
              },
              {
                name: '信用分期交易明细',
                pid: 10,
                id: 135,
                url: '/login/plat/staging',
                childNode: [
                  {
                    name: '信用额度提现',
                    pid: 135,
                    id: 136,
                    url: '/login/plat/stagingWithdraw'
                  },
                  {
                    name: '信用额度消费',
                    pid: 135,
                    id: 137,
                    url: '/login/plat/stagingConsumption'
                  },
                  {
                    name: '信用额度转账',
                    pid: 135,
                    id: 138,
                    url: '/login/plat/stagingTransfer'
                  },
                  {
                    name: '信用还款',
                    pid: 135,
                    id: 139,
                    url: '/login/plat/stagingRepayment'
                  }
                ]
              },
              {
                name: '理财交易明细',
                pid: 10,
                id: 140,
                url: '/login/plat/financial',
                childNode: [
                  {
                    name: '理财充值',
                    pid: 140,
                    id: 141,
                    url: '/login/plat/financialRecharge'
                  },
                  {
                    name: '理财提现',
                    pid: 140,
                    id: 142,
                    url: '/login/plat/financialWithdraw'
                  },
                  {
                    name: '理财账户购买理财',
                    pid: 140,
                    id: 143,
                    url: '/login/plat/financialPurchase'
                  },
                  {
                    name: '银行卡购买理财',
                    pid: 140,
                    id: 144,
                    url: '/login/plat/bankPurchaseFinancial'
                  },
                  {
                    name: '存钱罐购买定期理财',
                    pid: 140,
                    id: 145,
                    url: '/login/plat/depositPurchaseFinancial'
                  },
                  {
                    name: '新到期理财查询',
                    pid: 140,
                    id: 146,
                    url: '/login/plat/newMaturityFinancial'
                  },
                  {
                    name: '到期理财查询',
                    pid: 140,
                    id: 147,
                    url: '/login/plat/maturityFinancial'
                  },
                  {
                    name: '理财转入',
                    pid: 140,
                    id: 148,
                    url: '/login/plat/financialAndBalance?type=0'
                  },
                  {
                    name: '理财转出',
                    pid: 140,
                    id: 149,
                    url: '/login/plat/financialAndBalance?type=3'
                  },
                  {
                    name: '理财消费',
                    pid: 140,
                    id: 150,
                    url: '/login/plat/financialConsumption'
                  },
                  {
                    name: '理财还款',
                    pid: 140,
                    id: 151,
                    url: '/login/plat/financialRepayment'
                  }
                ]
              },
              {
                name: '财务汇总表',
                pid: 10,
                id: 152,
                url: '/login/plat/financialSum',
                childNode: [
                  {
                    name: '业务状况表',
                    pid: 152,
                    id: 153,
                    url: '/login/plat/businessStatus'
                  },
                  {
                    name: '运营资金提示表',
                    pid: 152,
                    id: 154,
                    url: '/login/plat/operatingCapitalTips'
                  },
                  {
                    name: '平台资金流量表',
                    pid: 152,
                    id: 155,
                    url: '/login/plat/platformCapitalFlow'
                  }
                ]
              }
            ]
          },
          {
            name: '平台打印',
            pid: 0,
            id: 157,
            url: '/login/print',
            icon: 'icon-dayin-',
            childNode: [
              {
                name: '账户余额打印',
                pid: 157,
                id: 158,
                url: '/login/print/balance',
                childNode: [
                  {
                    name: '账户余额转账打印',
                    pid: 158,
                    id: 159,
                    url: '/login/print/balanceTransferPrint'
                  },
                  {
                    name: '账户余额充值打印',
                    pid: 158,
                    id: 160,
                    url: '/login/print/balanceRechargePrint'
                  },
                  {
                    name: '账户余额提现打印',
                    pid: 158,
                    id: 161,
                    url: '/login/print/balanceWithdrawPrint'
                  },
                  {
                    name: '账户余额消费打印',
                    pid: 158,
                    id: 162,
                    url: '/login/print/balanceConsumptionPrint'
                  },
                  {
                    name: '账户收益发放打印',
                    pid: 158,
                    id: 163,
                    url: '/login/print/balanceIncomeDistributionPrint'
                  },
                  {
                    name: '银行卡转账打印',
                    pid: 158,
                    id: 164,
                    url: '/login/print/bankTransferPrint'
                  },
                  {
                    name: '用户银行卡消费打印',
                    pid: 158,
                    id: 165,
                    url: '/login/print/bankConsumptionPrint'
                  }
                ]
              },
              {
                name: '信用分期打印',
                pid: 157,
                id: 166,
                url: '/login/print/staging',
                childNode: [
                  {
                    name: '信用还款打印',
                    pid: 166,
                    id: 167,
                    url: '/login/print/stagingRepaymentPrint'
                  },
                  {
                    name: '信用提现打印',
                    pid: 166,
                    id: 168,
                    url: '/login/print/stagingWithdrawPrint'
                  },
                  {
                    name: '信用消费打印',
                    pid: 166,
                    id: 169,
                    url: '/login/print/stagingConsumptionPrint'
                  }
                ]
              },
              {
                name: '理财打印',
                pid: 157,
                id: 170,
                url: '/login/print/financial',
                childNode: [
                  {
                    name: '理财充值打印',
                    pid: 170,
                    id: 171,
                    url: '/login/print/financialRechargePrint'
                  },
                  {
                    name: '理财提现打印',
                    pid: 170,
                    id: 172,
                    url: '/login/print/financialWithdrawPrint'
                  },
                  {
                    name: '账户购买理财打印',
                    pid: 170,
                    id: 173,
                    url: '/login/print/financialPurchasePrint'
                  },
                  {
                    name: '银行卡购买理财打印',
                    pid: 170,
                    id: 174,
                    url: '/login/print/financialBankPurchasePrint'
                  },
                  {
                    name: '理财回款打印',
                    pid: 170,
                    id: 175,
                    url: '/login/print/financialPaybackPrint'
                  }
                ]
              },
              {
                name: '商户打印',
                pid: 157,
                id: 176,
                url: '/login/print/shop',
                childNode: [
                  {
                    name: '商户提现打印',
                    pid: 176,
                    id: 177,
                    url: '/login/print/shopWithdrawPrint'
                  },
                  {
                    name: '商户余额消费打印',
                    pid: 176,
                    id: 178,
                    url: '/login/print/shopConsumptionPrint'
                  },
                  {
                    name: '商户绑卡充值打印',
                    pid: 176,
                    id: 179,
                    url: '/login/print/shopRechargePrint'
                  },
                  {
                    name: '商户银行卡消费打印',
                    pid: 176,
                    id: 180,
                    url: '/login/print/shopBankConsumptionPrint'
                  },
                  {
                    name: '商户分期消费打印',
                    pid: 176,
                    id: 181,
                    url: '/login/print/shopStagingConsumptionPrint'
                  }
                ]
              }
            ]
          }
        ],
        name: '闫志刚',
        userImgUrl: userImgUrl,
        isDispaly: false,
        userName: '2253939317@qq.com',
        isHidden: true
      }
    },
    created () {
    },
    methods: {
      handleOpen (key, keyPath) {
        console.log(key, keyPath)
      },
      handleClose (key, keyPath) {
        console.log(key, keyPath)
      },
      // 是否隐藏退出盒子
      showBox () {
        this.isDispaly = !this.isDispaly
      },
      showQuitBox () {
        this.isDispaly = false
      },
      // 退出后台管理系统
      quitERP () {
        this.$router.replace('/')
        delSessionStorage('data')
        delSessionStorage('secret')
      }
    }
  }
</script>

<style lang="less" ref="stylesheet/less" scoped>
  .el-container {
    height: 100%;
    .el-aside {
      background-color: #25282c;
      color: #fff;
      .logo {
        height: 50px;
        padding: 25px 0;
        text-align: center;
      }
      .fa-circle {
        font-size: 12px;
        color: #fff;
      }
      .el-menu {
        font-size: 18px;
        border-right: none;
        .iconfont {
          font-size: 18px;
          color: #fff;
        }
        /deep/ .el-submenu__title {
          font-size: 18px;
        }
        .el-menu-item {
          font-size: 18px;
        }
      }
    }
    .el-container {
      .el-header {
        background-color: #25282c;
        color: #fff;
        line-height: 100px;
        font-size: 18px;
        > div {
          float: right;
        }
        .lists {
          a {
            color: #fff;
            padding: 0 20px;
            margin: 0 20px;
            .fa {
              font-size: 18px;
              vertical-align: middle;
            }
            .item {
              height: 16px;
              line-height: 16px;
            }
          }
        }
        .quitBox {
          height: 120px;
          width: 270px;
          background-color: #fff;
          position: absolute;
          top: 85px;
          right: 34px;
          box-shadow: 0.8px 0.6px 10px 0 rgba(0, 0, 0, 0.15);
          border-radius: 4px;
          padding: 15px 20px;
          color: #333;
          font-size: 16px;
          z-index: 1000;
          .infos {
            height: 56px;
            .imgs {
              width: 56px;
              height: 56px;
              border-radius: 50%;
              overflow: hidden;
              float: left;
            }
            .info {
              padding-top: 6px;
              padding-left: 10px;
              float: left;
              line-height: 24px;
              .samll {
                font-size: 14px;
              }
            }
          }
          .quit {
            position: absolute;
            bottom: 15px;
            width: 268px;
            height: 28px;
            line-height: 28px;
            border-radius: 2px;
            text-align: center;
            border: 1px solid #b8b8b8;
            a {
              width: 100%;
              height: 100%;
            }
          }
        }
        .user {
          padding: 0 100px;
          cursor: pointer;
          .imgs {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            vertical-align: middle;
            margin-right: 14px;
            background: no-repeat center;
            background-size: cover;
          }
        }
      }
      .el-main {
        padding: 0;
        width: 100%;
        background: url('./mainBg.jpg') no-repeat center;
        background-size: cover;
      }
    }
  }
</style>
